<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品详情</title>
    <script src="/jquery/jquery-3.2.1.min.js"></script>
    <script src="/layui/layui.js"></script>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="/css/comment/product/product-details.css"/>
    <script src="/js/comment/product/product-details.js"></script>
</head>
<body>
<div class="box" >
    <table>
        <tr class="table_head">
            <th>查看商品信息</th>
        </tr>
        <tr>
            <th class="table_body body_title">商品名称：</th>
            <th class="table_body body_content" id="name"></th>
            <th class="table_body body_title">上传时间：</th>
            <th class="table_body body_content" id="createDate"></th>
            <th class="table_body body_title">上传人：</th>
            <th class="table_body body_content" id="createName"></th>
        </tr>
        <tr>
            <th class="table_body body_title">商品售价：</th>
            <th class="table_body body_content" id="price"></th>
            <th class="table_body body_title">商品搜索关键词：</th>
            <th class="table_body body_content" id="keyWords"></th>
            <th class="table_body body_title">商品分类：</th>
            <th class="table_body body_content" id="categroyTitle"></th>
        </tr>
        <!--<tr>
            <th class="table_body body_title">商品点赞量：</th>
            <th class="table_body body_content"></th>
            <th class="table_body body_title">商品收藏量：</th>
            <th class="table_body body_content">pp</th>
            <th class="table_body body_title">商品评论量：</th>
            <th class="table_body body_content">pp</th>
        </tr>-->
        <tr>
            <th class="table_body body_title">点击量：</th>
            <th class="table_body body_content" id="hits"></th>
            <th class="table_body body_title">商品分享数量：</th>
            <th class="table_body body_content">0</th>
            <th class="table_body body_title">商品状态：</th>
            <th class="table_body body_content" id="status"></th>
        </tr>
        <tr class="view_title">
            <th class="table_body view_title_left" ><i class="layui-icon layui-icon-picture"></i>&nbsp;&nbsp;商品附属图</th>
        </tr>
        <tr class="show_picture">
            <th class="table_body preview">预览图：</th>
            <th class="table_body"><img class="picture"></th>
        </tr>
        <tr class="view_title">
            <th class="table_body view_title_left"><i class="layui-icon layui-icon-chart-screen"></i>&nbsp;&nbsp;商品详情</th>
        </tr>
        <tr class="show_description">
            <th class="table_body previewComments">预览：</th>
            <th class="table_body content" id="description"></th>
        </tr>
    </table>

    <div>
        <div class="reply">
            <i class="layui-icon layui-icon-edit"></i>&nbsp;&nbsp;回复评论及需修改内容
        </div>
        <form class="layui-form reply_comment" lay-filter="layForm">
            <div class="layui-form-item">
                <label class="layui-form-label">用户名:</label>
                <div class="layui-input-inline">
                    <input type="text" name="userName"  autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">账号:</label>
                <div class="layui-input-inline">
                    <input type="text" name="account"  autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">评论内容:</label>
                <div class="layui-input-inline">
                    <textarea name="content" lay-verify="required" placeholder="请发表您的评论" class="layui-textarea"></textarea>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button type="submit" class="layui-btn" lay-submit lay-filter="search">确定</button>
                </div>
            </div>
        </form>
    </div>
    <div class="all_reply">
        <div class="all_title"><i class="layui-icon layui-icon-at"></i>&nbsp;&nbsp;全部评论</div>
        <div class="all_body">
            <!--<img id="photo" src="/images/13.jpg"/>
            <label id="comment_user">伊丽莎白</label>
            <label id="comment_content">罗密欧与朱丽叶</label>
            <label id="show_time">2021-10-08</label>
            <a onclick="javascript:hideComment();">隐藏</a>&nbsp;&nbsp;&nbsp;<a onclick="javascript:;">删除</a>-->
        </div>
        <div class="nomore">
            没有更多评论了
        </div>
    </div>
    <div style="display: none" id="parentId"></div>
</div>
</body>
</html>